<template>
  <div class="course">
    <course-head></course-head>
    <course-content></course-content>
    <layout-footer></layout-footer>
  </div>
</template>

<script>
import LayoutFooter from '../../components/layout-footer.vue'
import CourseContent from './components/course-content.vue'
import CourseHead from './components/course-head.vue'
export default {
  components: { LayoutFooter, CourseHead, CourseContent }
}
</script>

<style lang="scss" scoped>
.course {
  height: 100px;
}
</style>
